﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=9" charset="utf-8">
</head>
<body>
<div class="slide" name="slide" id="slideslideIface1" ><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="13.33333in" height="7.5in" class="slides-canvas" pointer-events="none" viewBox="0 0 960 540">
  <defs>
    <symbol id="page1-pic1" viewBox="0 0 712 385" preserveAspectRatio="none">
      <image width="712" height="385" preserveAspectRatio="none" xlink:href="" />
    </symbol>
    <pattern id="page1-im1" x="-307" y="-254" width="315" height="385" patternUnits="userSpaceOnUse">
      <use width="712" height="385" xlink:href="#page1-pic1" preserveAspectRatio="none" />
    </pattern>
  </defs>
  <g text-rendering="geometricPrecision" pointer-events="painted" transform="scale(1, 1)">
    <rect x="0" y="0" width="960" height="540" fill="#FFFFFF" />
    <path fill="#FFFFFF" fill-opacity="0.4" d="M0 0L960 0 960 540 0 540z" />
    <g transform="matrix(0.8449943, -0.5347753, 0.5347753, 0.8449943, 126.745262, 29.3514862)">
      <path stroke-width="4.5" stroke="#4472C4" fill="none" d="M-75.11 47.11L-75.11-455.04 303.12 47.11z" />
    </g>
    <g transform="matrix(0.8449943, -0.5347753, 0.5347753, 0.8449943, 126.881783, 14.8448944)">
      <path stroke-width="4.5" stroke="#4472C4" fill="none" d="M-100.07 39.62L-100.07-462.52 278.17 39.62z" />
    </g>
    <g transform="matrix(-0, 1, 1, 0, 251.893219, -251.893219)">
      <path fill="url(#page1-im1)" d="M32.93-252.32L228.49-254.04 347.48-174.88 152.6 130.65 33.79 130.65C33.5 3.01 33.22-124.67 32.93-252.32z" />
    </g>
    <g transform="matrix(-0.8201146, 0.5721993, -0.5721993, -0.8201146, 1897.97559, 584.2024)">
      <path fill="#4472C4" d="M750.79 668.89L750.79 511.99 963.53 668.89z" />
    </g>
    <g transform="matrix(-0.8201146, 0.5721993, -0.5721993, -0.8201146, 1897.97559, 584.2024)">
      <path stroke-width="4.5" stroke="#4472C4" fill="none" d="M739.16 677.46L739.16 503.42 975.16 677.46z" />
    </g>
    <g transform="matrix(1, 0, 0, 1, 246.549988, 33.887558)"><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="24pt" fill="#404040"><tspan x="0" y="30.97287" textLength="68.91028" lengthAdjust="spacingAndGlyphs">vue</tspan><tspan x="68.91028" y="30.97287" textLength="141.2897" font-size="21pt" lengthAdjust="spacingAndGlyphs">安装环境</tspan></text></g>
    <path fill="#4472C4" d="M132.65 95.05L568.65 95.05 568.65 134.95 132.65 134.95z" />
    <g transform="matrix(1, 0, 0, 1, 139.849991, 98.65)"><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="13.5pt" fill="#FFFFFF" x="0" y="25.97514"><tspan>1.&lt;script src=”****/****/vue.js”&gt;&lt;/script&gt;</tspan></text></g>
    <path fill="#4472C4" d="M617.4 91.55L920.7 91.55 920.7 295.05 617.4 295.05z" />
    <g transform="matrix(1, 0, 0, 1, 624.600037, 95.15)"><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="13.5pt" fill="#FFFFFF" x="0" y="25.97514"><tspan>3.vue-cli3</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="13.5pt" fill="#FFFFFF" x="0" y="58.37514"><tspan xml:space="preserve">   </tspan><tspan xml:space="preserve">node.js(v6.1及以上)；</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="13.5pt" fill="#FFFFFF" x="0" y="90.77515"><tspan xml:space="preserve">   </tspan><tspan xml:space="preserve">npm i -g @vue/cli;</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="13.5pt" fill="#FFFFFF" x="0" y="123.1751"><tspan xml:space="preserve">   </tspan><tspan xml:space="preserve">vue create hello-world</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="13.5pt" fill="#FFFFFF" x="0" y="155.5751"><tspan xml:space="preserve">   </tspan><tspan xml:space="preserve">cd hello-world</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="13.5pt" fill="#FFFFFF" x="0" y="187.9752"><tspan xml:space="preserve">   </tspan><tspan xml:space="preserve">npm run serve</tspan></text></g>
    <path fill="#4472C4" d="M617.4 306.3L920.7 306.3 920.7 444.35 617.4 444.35z" />
    <g transform="matrix(1, 0, 0, 1, 624.600037, 309.9)"><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="13.5pt" fill="#FFFFFF" x="0" y="25.97514"><tspan>4.vue-cli3</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="13.5pt" fill="#FFFFFF" x="0" y="58.37514"><tspan xml:space="preserve">   </tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="13.5pt" fill="#FFFFFF" x="16.125" y="58.37514"><tspan>node.js(v6.1及以上)；</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="13.5pt" fill="#FFFFFF" x="0" y="90.77515"><tspan xml:space="preserve">   </tspan><tspan xml:space="preserve">npm i -g @vue/cli;</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="13.5pt" fill="#FFFFFF" x="0" y="123.1751"><tspan xml:space="preserve">   </tspan><tspan xml:space="preserve">vue ui</tspan></text></g>
    <path fill="#4472C4" d="M132.65 192.05L568.65 192.05 568.65 428.25 132.65 428.25z" />
    <g transform="matrix(1, 0, 0, 1, 139.849991, 195.65)"><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="13.5pt" fill="#FFFFFF" x="0" y="25.97514"><tspan>2.cdm或者git安装</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="13.5pt" fill="#FFFFFF" x="0" y="58.37514"><tspan xml:space="preserve">    </tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="13.5pt" fill="#FFFFFF" x="21.5" y="58.37514"><tspan>node.js(v6.1及以上)；</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="13.5pt" fill="#FFFFFF" x="0" y="90.77515"><tspan xml:space="preserve">    </tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="13.5pt" fill="#FFFFFF" x="21.5" y="90.77515"><tspan xml:space="preserve">npm</tspan><tspan xml:space="preserve">   </tspan><tspan xml:space="preserve">i</tspan><tspan xml:space="preserve">   </tspan><tspan xml:space="preserve">-g</tspan><tspan xml:space="preserve">   </tspan><tspan xml:space="preserve">vue-cli</tspan><tspan xml:space="preserve">  </tspan><tspan xml:space="preserve">(cnpm -g);（安装脚手架）</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="13.5pt" fill="#FFFFFF" x="0" y="123.1751"><tspan xml:space="preserve">    </tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="13.5pt" fill="#FFFFFF" x="21.5" y="123.1751"><tspan xml:space="preserve">vue init</tspan><tspan xml:space="preserve">  </tspan><tspan xml:space="preserve">webpack ;（项目初始化）</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="13.5pt" fill="#FFFFFF" x="0" y="155.5751"><tspan xml:space="preserve">    </tspan><tspan xml:space="preserve">npm install;（依赖项安装）</tspan></text><text font-family="微软雅黑" font-style="normal" font-weight="normal" font-stretch="normal" font-size="13.5pt" fill="#FFFFFF" x="0" y="187.9752"><tspan xml:space="preserve">    </tspan><tspan xml:space="preserve">npm run dev（运行）</tspan></text></g>
  </g>
</svg></div></body>
</html>